/* pages/homepage/homepage.wxss */
swiper{
    width: 100%;
    height: 310rpx;
}
.article{
    width: 100%;
    height: 200rpx;
    background: #fff;
    .articlelist{
        width: 25%;
        float: left;
        text-align: center;
        font-size: 24rpx;
        line-height: 24rpx;
        color: #666666;
        margin-bottom: 20rpx;
        image{
            display: block;
            width: 96rpx;
            height: 96rpx;
            margin: 30rpx auto 21rpx;
        }
    }
}
.recommend{
    width: 100%;
    //height: 385rpx;
    background: #fff;
    margin-top: 20rpx;
    .novice{
        width: 86%;
        height: 350rpx;
        margin: 30rpx auto 0;
        box-shadow: 0 12px 17px 0 rgba(255,194,102,0.15);
        .apr,
        .days{
            width: 45%;
            height: 148rpx;
            float: left;
            padding-top: 30rpx;
            padding-left: 5%;
            .number{
                height: 80rpx;
                font-size: 80rpx;
                line-height: 80rpx;
                color: #fc9800;
                letter-spacing: -2rpx;
                view{
                    display: inline-block;
                    font-size: 30rpx;
                    margin-left: -11rpx;
                }
            }
            .describe{
                font-size: 26rpx;
                color: #999;
                margin-top: 12rpx;
                line-height: 26rpx;
            }
        }
        progress{
            width: 90%;
            margin-left: 5%;
        }
        .totle,
        .surplus{
            width: 45%;
            height: 26rpx;
            float: left;
            padding-left: 5%;
            font-size: 26rpx;
            line-height: 26rpx;
            color: #999;
            margin-top: 20rpx;
            view{
                display: inline-block;
                color: #333;
                padding-left: 10rpx;
            }
        }
        .loanbutton{
            float: left;
            width: 100%;
            height: 96rpx;
            text-align: center;
            line-height: 96rpx;
            font-size: 36rpx;
            color: #fc9800;
            margin-top: 30rpx;
            border-top: 2rpx solid #FFEED6;
        }
    }
    .bidUl{
        margin-top: 30rpx;
        background: #F6F6F6;
        padding-bottom: 20rpx;
        .bidLi{
            width: 84%;
            height: 216rpx;
            background: #FFFFFF;
            padding: 20rpx 8% 0;
            margin-bottom: 20rpx;
            .bidTitle{
                font-size: 30rpx;
                color: #999;
                margin-bottom: 26rpx;
            }
            .bidapr,
            .paymentWay{
                width: 50%;
                float: left;
                .describe{
                    font-size: 26rpx;
                    color: #333;
                }
                .apr{
                    font-size: 50rpx;
                    color: #fc9800;
                    letter-spacing: -2rpx;
                    margin-top: 14rpx;
                    view{
                        display: inline-block;
                        font-size: 26rpx;
                    }
                }
                .way{
                    font-size: 30rpx;
                    color: #fc9800;
                    margin-top: 24rpx;
                }
            }
        }
    }
}